/* StartView.css */
#startView_anchor {

    -fx-background-image: url('/com/gomoku/images/background.png');
    -fx-background-size: cover;
    -fx-background-repeat: no-repeat;
    -fx-background-position: center center;
}

/* 设置按钮圆形样式 */
#settingsBtn {
    -fx-background-color: transparent;
    -fx-border-color: #8B4513;
    -fx-border-radius: 50%;
    -fx-padding: 10px;
}

#settingsBtn:hover {
    -fx-background-color: rgba(139, 69, 19, 0.2);
}

/* 通用按钮样式 */
.button {
    -fx-background-color: #f6f0f0;
    -fx-text-fill: #070707;
    -fx-font-size: 14px;
    -fx-font-weight: bold;
    -fx-cursor: hand;
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.3), 5, 0, 0, 1);
}

.button:hover {
    -fx-background-color: #f8eab5;
    -fx-scale-x: 1.05;
    -fx-scale-y: 1.05;
}

/* 排名按钮样式 */
#rankingBtn {
    -fx-background-color: #5D4037;
    -fx-text-fill: white;
}
.timer-style {
    -fx-font-size: 16px;
    -fx-text-fill: #333333;
    -fx-font-weight: bold;
    -fx-padding: 5px;
}